@import "../../components/theme.scss";

.page_cell {
  margin: 10rpx 40rpx 0 40rpx;
  display: flex;

  .title {
    line-height: 60rpx;
    font-size: 32rpx;
    color: $textMainColor;
  }

  .btn {
    width: auto;
    flex-shrink: 0;
    padding: 0 20rpx;
    font-size: 32rpx;
    color: $bgCellColor;
    line-height: $def_input_height;
    white-space: nowrap;
    height: $def_input_height;
    background-color: $mainColor;
    font-weight: bold;
    margin-left: 10rpx;
    border-radius: $def_btn_radius;
  }

  .btn[disabled] {
    background-color: $mainColor;
    opacity: 0.7;
  }
}

.cell_title {
  line-height: 50rpx;
  font-size: 32rpx;
  color: $textMainColor;
  margin: 20rpx 40rpx 0 40rpx;
}

.page_cell.switch {
  height: $def_input_height;
  justify-content: space-between;
  align-items: center;
}

.btn_box {
  display: flex;
  margin: 20rpx 40rpx 0 40rpx;
  color: $textMainColor;
  font-size: 32rpx;
  line-height: $def_input_height;
}

.text_btn {
  color: $mainColor;
  font-weight: bold;

  &.disabled {
    opacity: 0.7;
  }
}

.out_btn {
  color: $textNumColor;

  &.disabled {
    opacity: 0.7;
  }
}

.info_msg {
  margin: 10rpx 40rpx 0 40rpx;
  font-size: 32rpx;
  line-height: 60rpx;
  color: $textMainColor;
  white-space: pre-wrap;

  text {
    color: $textRedColor;
  }
}

.space {
  height: 80rpx;
}